<?php

	//****************************************************
	//    Social Hub Admin
	//    This page contiains all things dealing with the Social Hub options page
	//**************************************************** 

	include('sh_global_variables.php'); 
	include('submit.php');
	?>
	
	
		<div id="sh-wrap" class="wrap">
			
			<?php echo "<h2>" . __('Social Hub Options', 'sh') . "</h2>"; ?>
			<p class="sh-description"><?php __('Add Social Media links or widgets to your WordPress blog', 'sh'); ?></p>
			
			<form action="<?php echo str_replace('%7E', '~', $_SERVER['REQUEST_URI']); ?>" method="post">
				
				<div id="tabs-wrapper">
					<ul id="tabs-nav">
						<li class="first"><a href="#links-wrapper">Links</a></li>
						<li class="last"><a href="#widgets-wrapper">Widgets</a></li>
					</ul>
					
					<div id="links-wrapper" class="tab">
						<div class="section-title">
							<?php echo "<h3>" . __('Link Settings', 'social-hub') . "</h3>"; ?>
						</div>
						<div class="section-body group">
							<ul class="side-tabs-nav">
								<li><a href="#facebook-links" class="facebook">Facebook</a></li>
								<li><a href="#twitter-links" class="twitter">Twitter</a></li>
								<li><a href="#linkedin-links" class="linkedin">LinkedIn</a></li>
								<li><a href="#youtube-links" class="youtube">YouTube</a></li>
								<li><a href="#google-links" class="google">Google</a></li>
								<li><a href="#yelp-links" class="yelp">Yelp</a></li>
							</ul>
							
							<div class="side-tabs-wrapper">
								<div id="facebook-links" class="side-tab">
									<ul class="sh-links">
										<li>
											<label for="facebook-link" class="title"><?php _e("Facebook"); ?> <small><?php _e('(Facebook pages only)'); ?></small></label>
											<input type="text" name="<?php echo $facebook_name_values['url']; ?>" id="facebook-link" value="<?php echo $facebook_get_values['url']; ?>" />
											<div class="enable-btn">
												<div class="enable-check<?php if($facebook_get_values['url-enabled'] != 'enabled') { echo ' disabled'; } ?>"></div>
												<input type="hidden" name="<?php echo $facebook_name_values['url-enabled']; ?>" id="facebook-link-enabled" value="<?php echo $facebook_get_values['url-enabled']; ?>" /> <label for="facebook-link-enabled" class="enable"><?php _e("Enable"); ?></label>
											</div>
										</li>
										<li>
											<label for="sh-fb-description" class="title"><?php _e('Description Text'); ?></label>
											<textarea name="<?php echo $facebook_name_values['description']; ?>" id="sh-fb-description" cols="40" rows="5"><?php echo $facebook_get_values['description']; ?></textarea>
										</li>
									</ul>
								</div><!--[END #facebook-links]-->
								<div id="twitter-links" class="side-tab">
									<ul class="sh-links">
										<li>
											<label for="twitter-link" class="title"><?php _e("Twitter"); ?></label>
											<input type="text" name="<?php echo $twitter_name_values['url']; ?>" id="twitter-link" value="<?php echo $twitter_get_values['url']; ?>" />
											<div class="enable-btn">
												<div class="enable-check<?php if($twitter_get_values['url-enabled'] != 'enabled') { echo ' disabled'; } ?>"></div>
												<input type="hidden" name="<?php echo $twitter_name_values['url-enabled']; ?>" id="twitter-link-enabled" value="<?php echo $twitter_get_values['url-enabled']; ?>" /> <label for="twitter-link-enabled" class="enable"><?php _e("Enable"); ?></label>
											</div>
										</li>
										<li>
											<label for="twitter-description" class="title"><?php _e('Description Text'); ?></label>
											<textarea name="sh-fb-description" id="twitter-description" cols="40" rows="5"><?php echo $twitter_get_values['description']; ?></textarea>
										</li>
									</ul>
								</div><!--[END #twitter-links]-->
								<div id="linkedin-links" class="side-tab">
									<ul class="sh-links">
										<li>
											<label for="linkedin-link" class="title"><?php _e("LinkedIn"); ?></label>
											<input type="text" name="<?php echo $linkedin_name_values['url']; ?>" id="linkedin-link" value="<?php echo $linkedin_get_values['url']; ?>" />
											<div class="enable-btn">
												<div class="enable-check<?php if($linkedin_get_values['url-enabled'] != 'enabled') { echo ' disabled'; } ?>"></div>
												<input type="hidden" name="<?php echo $linkedin_name_values['url-enabled']; ?>" id="linkedin-link-enabled" value="<?php echo $linkedin_get_values['url-enabled']; ?>" /> <label for="linkedin-link-enabled" class="enable"><?php _e("Enable"); ?></label>
											</div>
										</li>
										<li>
											<label for="linkedin-description" class="title"><?php _e('Description Text'); ?></label>
											<textarea name="<?php echo $linkedin_name_values['description']; ?>" id="linkedin-description" cols="40" rows="5"><?php echo $linkedin_get_values['description']; ?></textarea>
										</li>
									</ul>
								</div><!--[END #linkedin-links]-->
								<div id="youtube-links" class="side-tab">
									<ul class="sh-links">
										<li>
											<label for="youtube-link" class="title"><?php _e("YouTube"); ?></label>
											<input type="text" name="<?php echo $youtube_name_values['url']; ?>" id="youtube-link" value="<?php echo $youtube_get_values['url']; ?>" />
											<div class="enable-btn">
												<div class="enable-check<?php if($youtube_get_values['url-enabled'] != 'enabled') { echo ' disabled'; } ?>"></div>
												<input type="hidden" name="<?php echo $youtube_name_values['url-enabled']; ?>" id="youtube-link-enabled" value="<?php echo $youtube_get_values['url-enabled']; ?>" /> <label for="youtube-link-enabled" class="enable"><?php _e("Enable"); ?></label>
											</div>
										</li>
										<li>
											<label for="youtube-description" class="title"><?php _e('Description Text'); ?></label>
											<textarea name="<?php echo $youtube_name_values['description']; ?>" id="youtube-description" cols="40" rows="5"><?php echo $youtube_get_values['description']; ?></textarea>
										</li>
									</ul>
								</div><!--[END #youtube-links]-->
								<div id="google-links" class="side-tab">
									<ul class="sh-links">
										<li>
											<label for="google-link" class="title"><?php _e("Google"); ?> <small><?php _e("(Paste in the URL to the Google Review page)"); ?></small></label>
											<input type="text" name="<?php echo $google_name_values['url']; ?>" id="google-link" value="<?php echo $google_get_values['url']; ?>" />
											<div class="enable-btn">
												<div class="enable-check<?php if($google_get_values['url-enabled'] != 'enabled') { echo ' disabled'; } ?>"></div>
												<input type="hidden" name="<?php echo $google_name_values['url-enabled']; ?>" id="google-link-enabled" value="<?php echo $google_get_values['url-enabled']; ?>" /> <label for="google-link-enabled" class="enable"><?php _e("Enable"); ?></label>
											</div>
										</li>
										<li>
											<label for="google-description" class="title"><?php _e('Description Text'); ?></label>
											<textarea name="<?php echo $google_name_values['description']; ?>" id="google-description" cols="40" rows="5"><?php echo $google_get_values['description']; ?></textarea>
										</li>
									</ul>
								</div><!--[END #google-links]-->
								<div id="yelp-links" class="side-tab">
									<ul class="sh-links">
										<li>
											<label for="yelp-link" class="title"><?php _e("Yelp"); ?> <small><?php _e("(Paste in the URL to the Yelp page)"); ?></small></label>
											<input type="text" name="<?php echo $yelp_name_values['url']; ?>" id="yelp-link" value="<?php echo $yelp_get_values['url']; ?>" />
											<div class="enable-btn">
												<div class="enable-check<?php if($yelp_get_values['url-enabled'] != 'enabled') { echo ' disabled'; } ?>"></div>
												<input type="hidden" name="<?php echo $yelp_name_values['url-enabled']; ?>" id="yelp-link-enabled" value="<?php echo $yelp_get_values['url-enabled']; ?>" /> <label for="yelp-link-enabled" class="enable"><?php _e("Enable"); ?></label>
											</div>
										</li>
										<li>
											<label for="yelp-description" class="title"><?php _e('Description Text'); ?></label>
											<textarea name="<?php echo $yelp_name_values['description']; ?>" id="yelp-description" cols="40" rows="5"><?php echo $yelp_get_values['description']; ?></textarea>
										</li>
									</ul>
								</div><!--[END #yelp-links]-->
							</div><!--[END #side-tabs-wrapper]-->
						</div><!--[END .section-body]-->
					</div><!--[END #links-wrapper]-->
					
					<div id="widgets-wrapper" class="tab">
						<div class="section-title">
							<?php echo "<h3>" . __('Widget Settings', 'social-hub') . "</h3>"; ?>
						</div>
						<div class="section-body group">
							<ul class="side-tabs-nav">
								<li><a href="#facebook-widget-container" class="facebook active">Facebook</a></li>
								<li><a href="#twitter-widget-container" class="twitter">Twitter</a></li>
							</ul>
							
							<div class="side-tabs-wrapper">
								<div id="facebook-widget-container" class="side-tab">
									<ul id="facebook-widget">
										<li>
											<label for="facebook-widget-url" class="title"><?php _e('Facebook Profile Page URL'); ?></label>
											<input type="text" name="<?php echo $facebook_name_values['widget-url']; ?>" id="facebook-widget-url" value="<?php if(isset($facebook_get_values['widget-url'])) { echo $facebook_get_values['widget-url']; } ?>" />
											<div class="enable-btn">
												<div class="enable-check<?php if($facebook_get_values['widget-enabled'] != 'enabled') { echo ' disabled'; } ?>"></div>
												<input type="hidden" name="<?php echo $facebook_name_values['widget-enabled']; ?>" id="facebook-widget-enabled" value="<?php echo $facebook_get_values['widget-enabled']; ?>" /> <label for="facebook-widget-enabled" class="enable"><?php _e("Enable"); ?></label>
											</div>
										</li>
										<li>
											<label for="facebook-widget-color" class="title"><?php _e('Color Scheme'); ?></label>
											<select name="<?php echo $facebook_name_values['widget-color']; ?>" id="facebook-widget-color">
												<option value="light" <?php if($facebook_get_values['widget-color'] == 'light') { echo 'selected'; } ?>><?php _e('Light'); ?></option>
												<option value="dark" <?php if($facebook_get_values['widget-color'] == 'dark') { echo 'selected'; } ?>><?php _e('Dark'); ?></option>
											</select>
										</li>
										<li>
											<label for="facebook-widget-width" class="title"><?php _e('Width'); ?> <small><?php _e('enter a pixel value without \'px\' at the end'); ?></small></label>
											<input type="text" name="<?php echo $facebook_name_values['widget-width']; ?>" id="facebook-widget-width" value="<?php if(isset($facebook_get_values['widget-width'])) { echo $facebook_get_values['widget-width']; } ?>" />
										</li>
										<li>
											<label for="facebook-widget-header" class="title"><?php _e('Show Facebook Header'); ?></label>
											<div class="enable-btn rounded-btn">
												<div class="enable-check<?php if($facebook_get_values['widget-header'] != 'enabled') { echo ' disabled'; } ?>"></div>
												<input type="hidden" name="<?php echo $facebook_name_values['widget-header']; ?>" id="facebook-widget-header" value="<?php echo $facebook_get_values['widget-header']; ?>" /> <label for="facebook-widget-header" class="enable"><?php _e("Enable"); ?></label>
											</div>
										</li>
										<li>
											<label for="facebook-widget-stream" class="title"><?php _e('Show Stream'); ?></label>
											<div class="enable-btn rounded-btn">
												<div class="enable-check<?php if($facebook_get_values['widget-stream'] != 'enabled') { echo ' disabled'; } ?>"></div>
												<input type="hidden" name="<?php echo $facebook_name_values['widget-stream']; ?>" id="facebook-widget-stream" value="<?php echo $facebook_get_values['widget-stream']; ?>" /> <label for="facebook-widget-stream" class="enable"><?php _e("Enable"); ?></label>
											</div>
										</li>
										<li>
											<label for="facebook-widget-faces" class="title"><?php _e('Show Faces'); ?></label>
											<div class="enable-btn rounded-btn">
												<div class="enable-check<?php if($facebook_get_values['widget-faces'] != 'enabled') { echo ' disabled'; } ?>"></div>
												<input type="hidden" name="<?php echo $facebook_name_values['widget-faces']; ?>" id="facebook-widget-faces" value="<?php echo $facebook_get_values['widget-faces']; ?>" /> <label for="facebook-widget-faces" class="enable"><?php _e("Enable"); ?></label>
											</div>
										</li>
									</ul>
								</div><!--[END #facebook-widget-container]-->
								
								<div id="twitter-widget-container" class="side-tab">
									<ul id="twitter-widget">
										<li>
											<label for="twitter-widget-url" class="title"><?php _e('Twitter Username'); ?> <small><?php _e('enter only the twitter username, not URL'); ?></small></label>
											<input type="text" name="<?php echo $twitter_name_values['widget-url']; ?>" id="twitter-widget-url" value="<?php if(isset($twitter_get_values['widget-url'])) { echo $twitter_get_values['widget-url']; } ?>" />
											<div class="enable-btn">
												<div class="enable-check<?php if($twitter_get_values['widget-enabled'] != 'enabled') { echo ' disabled'; } ?>"></div>
												<input type="hidden" name="<?php echo $twitter_name_values['widget-enabled']; ?>" id="twitter-widget-enabled" value="<?php echo $twitter_get_values['widget-enabled']; ?>" /> <label for="twitter-widget-enabled" class="enable"><?php _e("Enable"); ?></label>
											</div>
										</li>
										<li>
											<label for="twitter-widget-width" class="title"><?php _e('Width'); ?> <small><?php _e('enter a pixel value without \'px\' at the end'); ?></small></label>
											<input type="text" name="<?php echo $twitter_name_values['widget-width']; ?>" id="twitter-widget-width" value="<?php if(isset($twitter_get_values['widget-width'])) { echo $twitter_get_values['widget-width']; } ?>" />
										</li>
										<li>
											<label for="twitter-widget-height" class="title"><?php _e('Height'); ?> <small><?php _e('enter a pixel value without \'px\' at the end'); ?></small></label>
											<input type="text" name="<?php echo $twitter_name_values['widget-height']; ?>" id="twitter-widget-height" value="<?php if(isset($twitter_get_values['widget-height'])) { echo $twitter_get_values['widget-height']; } ?>" />
										</li>
										<li>
											<label for="twitter-widget-shell-bg" class="title"><?php _e('Widget Background'); ?></label>
											<input type="text" name="<?php echo $twitter_name_values['widget-shell-bg']; ?>" id="twitter-widget-shell-bg" value="<?php if(isset($twitter_get_values['widget-shell-bg'])) { echo $twitter_get_values['widget-shell-bg']; } ?>" />  <div class="colorpicker-icon"  style="background-color:#<?php echo $twitter_get_values['widget-shell-bg']; ?>"></div>
										</li>
										<li>
											<label for="twitter-widget-shell-txtcolor" class="title"><?php _e('Widget Text Color'); ?></label>
											<input type="text" name="<?php echo $twitter_name_values['widget-shell-txtcolor']; ?>" id="twitter-widget-shell-txtcolor" value="<?php if(isset($twitter_get_values['widget-shell-txtcolor'])) { echo $twitter_get_values['widget-shell-txtcolor']; } ?>" /> <div class="colorpicker-icon"  style="background-color:#<?php echo $twitter_get_values['widget-shell-txtcolor']; ?>"></div>
										</li>
										<li>
											<label for="twitter-widget-tweet-bg" class="title"><?php _e('Tweet Background'); ?></label>
											<input type="text" name="<?php echo $twitter_name_values['widget-tweet-bg']; ?>" id="twitter-widget-tweet-bg" value="<?php if(isset($twitter_get_values['widget-tweet-bg'])) { echo $twitter_get_values['widget-tweet-bg']; } ?>" />  <div class="colorpicker-icon"  style="background-color:#<?php echo $twitter_get_values['widget-tweet-bg']; ?>"></div>
										</li>
										<li>
											<label for="twitter-widget-tweet-color" class="title"><?php _e('Tweet Text Color'); ?></label>
											<input type="text" name="<?php echo $twitter_name_values['widget-tweet-color']; ?>" id="twitter-widget-tweet-color" value="<?php if(isset($twitter_get_values['widget-tweet-color'])) { echo $twitter_get_values['widget-tweet-color']; } ?>" />  <div class="colorpicker-icon"  style="background-color:#<?php echo $twitter_get_values['widget-tweet-color']; ?>"></div>
										</li>
										<li>
											<label for="twitter-widget-tweet-linkcolor" class="title"><?php _e('Tweet Link Color'); ?></label>
											<input type="text" name="<?php echo $twitter_name_values['widget-tweet-linkColor']; ?>" id="twitter-widget-tweet-linkcolor" value="<?php if(isset($twitter_get_values['widget-tweet-linkColor'])) { echo $twitter_get_values['widget-tweet-linkColor']; } ?>" />  <div class="colorpicker-icon"  style="background-color:#<?php echo $twitter_get_values['widget-tweet-linkColor']; ?>"></div>
										</li>
									</ul>
								</div><!--[END #twitter-widget-container]-->
							</div><!--[END .side-tabs-wrapper]-->
						</div><!--[END .section-body]-->
					</div><!--[END #widgets-wrapper]-->
				</div><!--[END #tabs-wrapper]-->
				
				<div id="submit">
					<p><input type="submit" name="submit" id="submit" value="<?php _e('Update Options', 'social-hub'); ?>" /></p>
					<input type="hidden" name="sh_hidden" value="sent" />
				</div>
				
			</form>
		</div>